html {
    font-size: 12px;
    font-family: 'Tahoma';
}

body {
    color: #000;
}

a {
    text-decoration: none;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

header,
nav,
main,
footer {
    width: 100%;
}

/*定义定宽盒子的宽度*/
.w1000 {
    width: 1000px;
    margin: 0 auto;
}

/*1.页面顶部*/
header {
    color: #000;
    width: 100%;
    display: block;
}

/*2.页面顶部logo*/
header .logo {
    width: 100%;
    height: 160px;
    background-color: #bc1a05;
    background-position: center center;
}

header .logophoto {
    width: 1000px;
    height: 160px;
    margin: 0 auto;
    padding: 20px 0;
}

header .logo img {
    width: 1000px;
    height: 120px;
}

/*导航栏样式  */
.nav {
    background-color: #801407;
    width: 100%;
    margin: 0px 0px 20px;
}

/* 导航栏主菜单横向布局 */
.nav>ul {
    width: 1000px;
    display: flex;
    /* 使用flex布局实现横向排列 */
    justify-content: space-around;
    margin: 0 auto;
}

.nav li {
    flex: none;
}

.nav a {
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    text-shadow: 1px 1px 1px black;
    padding: 0 10px;
    padding-right: 5px;
}

.nav li:hover>a {
    background-color: #b20d0d;
}

/*2.2 二级导航菜单*/
.nav ul.sub-menu {
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    background-color: #801407;
    min-width: 14rem;
    z-index: 2;
}

/*鼠标放到一级菜单上展开二级菜单*/
.nav li:hover>ul.sub-menu {
    display: block;
}

.nav ul.sub-menu a {
    display: block;
    padding: 0px 10px;
    text-align: center;
    white-space: nowrap;
    /* 防止文字换行 */
    border-bottom: 1px dashed #ff5151;
    /* 添加分隔虚线*/
    background-color: #b20d0d;
    font-size: 17px;
}

.nav ul.sub-menu a:hover {
    background-color: #801407;
    color: #f2bb49;
}

/* 确保一级菜单项有相对定位，作为二级菜单的定位基准 */
.nav>ul>li {
    position: relative;
}

/*三级菜单项样式*/
.nav ul.sub-menu ul.sub-menu2 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px dashed #ff5151;
    /* 添加分隔虚线*/
    background-color: #b20d0d;
    font-size: 17px;
    z-index: 2;
}

.nav ul.sub-menu ul.sub-menu2 a:hover {
    background-color: #801407;
    color: #f2bb49;
}

/*为二级菜单项添加相对定位，作为三级菜单的基准*/
.nav ul.sub-menu li {
    position: relative;
}

/*三级菜单的展开*/
.nav ul.sub-menu li:hover>ul.sub-menu2 {
    display: block;
}


/* 当鼠标在三级菜单上时，对应的二级菜单项保持hover状态 */
.nav ul.sub-menu li:hover>a {
    background-color: #801407;
    color: #f2bb49;
}






/*尾部*/
footer {
    background-color: #801407;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 20px 0 40px;
}

footer p {
    line-height: 200%;
}
